vue打包上线后出现的问题
vuejs项目打包后可能会出现的问题有哪些?？
一🪱🎯-🌤🦠：使用CDN资源我们在打包时🔮🎍——-🐲🧧，会将package.json里🐃🪅|-🐩，dependencies对象里插件打包起来☁️🐼-🤯🎋，我们可以将其中的一些使用cdn的方式加载😰🌘|🎳🐨，例如不想把vue😩——*，axios🎭🌞_*🤯，vuex😦——🤠🐹，vue-router打包到我们项目中😔🍂_😏，我们需要这样😦_🐐：1👿_🐇：打开webpack.base.conf.jsmodule.exports = { externals: { ‘vue‘ ‘Vue‘ ‘axios‘ ‘a是什么🐨🪳|🧶♣。
1🃏_🌈🦐、问题描述在项目开发中🦃-☄️，当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题🕹--🐈🧐，控制台中提示某个图片没有找到（404错误）🎎🐈-🎈，这些图片可以是以src引入的图片🐃💫——☁️，也可以是css中定义的背景图片💫_-🐫。图片能否显示与你的静态资源文件存在位置和引入的路径直接相关🌞——🦫，下面是我的其中一个项目的有帮助请点赞🐹-🌈🤣。
一🪱🎯-🌤🦠：使用CDN资源我们在打包时🔮🎍——-🐲🧧，会将package.json里🐃🪅|-🐩，dependencies对象里插件打包起来☁️🐼-🤯🎋，我们可以将其中的一些使用cdn的方式加载😰🌘|🎳🐨，例如不想把vue😩——*，axios🎭🌞_*🤯，vuex😦——🤠🐹，vue-router打包到我们项目中😔🍂_😏，我们需要这样😦_🐐：1👿_🐇：打开webpack.base.conf.jsmodule.exports = { externals: { ‘vue‘ ‘Vue‘ ‘axios‘ ‘a是什么🐨🪳|🧶♣。
1🃏_🌈🦐、问题描述在项目开发中🦃-☄️，当我们通过npm run build打包之后将文件放在服务器上时通常会出现图片失效问题🕹--🐈🧐，控制台中提示某个图片没有找到（404错误）🎎🐈-🎈，这些图片可以是以src引入的图片🐃💫——☁️，也可以是css中定义的背景图片💫_-🐫。图片能否显示与你的静态资源文件存在位置和引入的路径直接相关🌞——🦫，下面是我的其中一个项目的有帮助请点赞🐹-🌈🤣。
案例环境通过vue-cli脚手架创建的vue项目在项目打包的时候遇到了背景图片路径出错的问题🤣🦈-——🐝，经过谷歌一番🐔🤨-🦆，发现是在配置的时候对图片的限制大小过小造成的首先🧸——👺🌔，出错点在url-loader上面*-🦫。/ url-loader配置// build/webpck.base.conf.js{ test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url说完了🪢🎨_🌴*。
这个故障代码是文件没有访问权限🌟-🐓。开发环境中的public到nginx上当然就成生产环境🤓🐏-🐳*，提示403是因为服务器识别到存在的文件但是没有访问权限🎭🙊——|🦕。但这个时候去深究开发生产的publicPath路径问题或是服务端文件的读取权限就找错方向🐼🌳——|🌧。
vue打包后报错TypeError: Cannot read property ‘call’ of undefine...
'call' of undefined 一般大多数出现这类问题都是在vue多页应用🐄——-🤐、vue路由页面等打包后出现报错🐾-😽🐌，当然了如果你是其它情况引起的一样可以尝试我下面给出的解决方案引起这个原因的问题是 extract-text-webpack-plugin 配置问题🥏🐚——🐌🦇，比如出问题是这样配置的🦙🦉_🪅：那么我们改成这样🙈🐦-🥌，主要是加了allChunks参数后面会介绍😳_🦌🙀。
vue打包后有一个接口🦘|🐿，提示🎄🐂——_🪅：We’re sorry but XXX doesn’t work properly without JavaScript enabled. Please enable it to continue.打包前一切ok🙉😱——💀🌱，打包后唯独有一个接口出现了问题🐂👽-🌪🌾。试了很多种方法譬如🍃|🥍：1🐀🎍-|🐤☘️，修改路由模式💥-😩😣。2🐂|🌑🦇，修改publicPath☀️🌲_——🐞。3🐾_🐥，清空浏览器缓存🌤|☘🤕。🦆_-🐜。发现都没用🦢🐦——-🌏。但是突然想到🦆_🦛*，为什么到此结束了？🐉||🐖。
在vue中静态资源如何打包?？
1😼🐐|-🦬、问题vue-cli 脚手架生成的默认打包配置文件情况下运行npm run build 打包后🎄🍁_——🦂，部署项目至特定路径下🙄😳|_😂：如🎮_🌏：/ip:port/public/springActivity/此时访问🌱——🤠🙁： 可以正常访问🐹🕸-🐽🐾，但是引用的js🐨🛷-🐲🤡，css等文件服务器响应均为404*⚾——😓，查看引入的资源路径如下⭐️🐪|_🎽：..
地址链接🏒🎲_🪅：vue-cli 如何打包上线先来描述一下期间遇到的问题有哪些🐳🎇|-😧：1🐟😊-——*🐒、打包后将dist 文件夹和index.html 放到tomcat🤐_——⭐️，在浏览器中访问时🌾|🤣🐦，出现空白页🐵🎐——_*，f12 提示404☄️🌴_🎨。2🕊_🌔、打包好的静态资源均是绝对路径🏑🪡__🦦🏐，无法引入进项目🥌🐘————🌗🕸，也是404🦑-😲🌩。1😍——🎟🎉、项目目录结构这是打包后的🍃-🐭，所以有dist 文件夹☀️——😪🍃，打包方式🐝💀————😴：..
vue前端打包后部分接口不通?？
设置代理的问题🦅|-🤮。vue是一个前端框架🐁🧩-——🐆👺，让前端的业务逻辑和赋值分离🎰——🐜。vue前端打包后部分接口不通是设置代理的问题🎳-_🎽，可以排查代码以及本地连接问题*🦔——_😜。
1 首先vue中是用的axios 发请求*🎯-🎄🐥， axios 支持Promise 非常好用🌺-🪴🐖， 可以在请求后的.then()中拿到请求回来的数据🐱♟——🌝🌻，像这样2 请求方式有很多*|🦌🪅， 如get post put get 又称为queryParams 所以携带参数后看发的请求是拼串的🐌🦛——🌳，像这样&#等会说💥-🦙。